<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <!--li-->
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:void(0);">
                        <span class="clear">
                            <span class="block m-t-xs"><strong class="font-bold">{% if app.user %}{{ app.user.username }}{% endif %}</strong></span>
                            <span class="text-muted text-xs block">{{ dry_translation('group') }}<b class="caret"></b></span>
                        </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        {% for group in app.user.groups %}
                            <li><a href="javascript:void(0);">{{ group.name }}</a></li>
                            {% if not loop.last %}<li class="divider"></li>{% endif %}
                        {% endfor %}
                    </ul>
                </div>
                <div class="logo-element">{{ dry_translation('shortName') }}</div>
            </li>
            <!--li-->
            <!--menu start-->
            {{ call_service_method('service.menu', 'getMenuForHtml')|raw }}
            <!--menu end-->
        </ul>
    </div>
</nav>
